<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
      body{
           font: 12px "simhei", Arial, Helvetica, sans-serif;
          color: #666;;

      }
  body>div{
          background-color:  #E8E8E8;
          width: 611px;
          height:376px;
          background-image: url("http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img1.png");
          background-size: 318px  319px;
          background-repeat: no-repeat;
          background-position: 90% 80%;
      overflow: hidden;
      }
  div>div{
      width: 245px;
      height: 232px;
      margin: 68px 0 0 36px;
  }
  .d1{
      font-size: 32px;
      color: #333;
      margin-bottom: 12px;
  }

  .d2{
      font-size: 24px;
      font-weight: bold;
      color: #0AA1ED;
      margin-bottom: 12px;
  }
  a{
      background-color: #0AA1ED;
      width: 132px;
      height: 40px;
      display: block;
      text-align: center;
      line-height: 40px;
      color: white;
      font-size: 20px;
      text-decoration: none;
      border-radius: 3px;
  }




  </style>

</head>
<body>
<div>
  <div>
          <p class="d1"> 灵越  燃7000系列</p>
  <P class="info_p"> 酷睿双核i5处理器|256GB SSD| 8GB内存<br>
    英特尔HD显卡620含共享显卡内存</P>
  <p class="d2">￥4999.00</p>
  <a href="" >查看详情</a>
  </div>
</div>



</body>
</html>